<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>积分商城</title>
    <script src="/js/plugins/jquery/jquery.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>

    <script src="/js/mall/flexible.js"></script>
    <script src="/js/mall/flexible_css.js"></script>
    <link rel="stylesheet" href="/css/mall/css1.css">
    <link rel="stylesheet" type="text/css" href="/css/mall/iconfont.css">
    <script src="/css/mall/iconfont.js"></script>

    <script type="application/javascript">
        $(function () {
            //从sessionStorage中获取当前登录用户
            var user = JSON.parse(sessionStorage.getItem("user"));
            //渲染数据
            $(".info").renderValues(user,{
                getHref:getHref
            });

            //获取当前用户的积分
            $.get("/exchanges",function (data) {
                //console.log(data);
                $(".points").renderValues(data);
            })

            //获取所有商品
            $.get("/commodities",function (data) {
                $('.commodities').renderValues(data,{
                    getHref:getHref
                });
            })
        })
    </script>
</head>
<body>
<!--header部分开始-->
<div class="B">
    <header>
        <div class="top">
            <ul>
                <li>
                    <a href="/index.html">
                    <i class="iconfont icon-hongxin"></i>
                    <span>离开</span>
                    </a>
                </li>
                <li>
                    <a>
                    <i class="iconfont icon-nvzhuang"></i>
                    <span>兑换</span>
                    </a>
                </li>
                <li>
                    <a href="goodsCollection.html">
                    <i class="iconfont icon-shoucang"></i>
                    <span>收藏</span>
                    </a>
                </li>
                <li>
                    <i class="iconfont icon-xiexue"></i>
                    <a href="/mine/MyOrder.html"><span>订单</span></a>
                </li>
                <li>
                    <i class="iconfont icon-xiangbao"></i>
                    <span>分类</span>
                </li>
                <li>
                    <img src="img1/xiajiantou.png" alt="" class="jiantou">
                </li>
            </ul>
        </div>
        <div class="bottom" style="display: none;z-index: 11111;position: absolute">
            <div class="bottom_D">
                <div class="bottom_DD">
                    <div class="DD_left">
                        全部分类
                    </div>
                    <div class="DD_right">
                        <img src="img1/xiaojiantou.png" alt="" class="jiantouu">
                    </div>
                </div>
                <div class="bottom_D_one" style="clear: both">
                    <ul>
                        <li><i class="iconfont icon-hongxin"></i><span>为你推荐</span></li>
                        <li><i class="iconfont icon-nvzhuang"></i><span>女装</span></li>
                        <li><i class="iconfont icon-nanzhuang"></i><span>男装</span></li>
                        <li><i class="iconfont icon-xiexue"></i><span>鞋靴</span></li>
                        <li><i class="iconfont icon-xiangbao"></i><span>箱包</span></li>
                        <li><i class="iconfont icon-yanjing"></i><span>眼镜</span></li>
                        <li><i class="iconfont icon-xiangji"></i><span>数码</span></li>
                        <li><i class="iconfont icon-muying"></i><span>母婴</span></li>
                        <li><i class="iconfont icon-baihuo"></i><span>百货</span></li>
                        <li><i class="iconfont icon-zhubao"></i><span>珠宝</span></li>
                        <li><i class="iconfont icon-huwai"></i><span>运动</span></li>
                        <li><i class="iconfont icon-appliances"></i><span>家电</span></li>
                        <li><i class="iconfont icon-iconcopy"></i><span>食品</span></li>
                        <li><i class="iconfont icon-quanqiugou"></i><span>全球</span></li>
                        <li><i class="iconfont icon-meizhuang"></i><span>美妆</span></li>
                        <li><i class="iconfont icon-jujia"></i><span>家装</span></li>
                        <li><i class="iconfont icon-zhengchexinxi"></i><span>车品</span></li>
                        <li><i class="iconfont icon-chongwu"></i><span>家纺</span></li>
                        <li><i class="iconfont icon-tushu"></i><span>图书</span></li>
                        <li><i class="iconfont icon-feizhu"></i><span>宠物</span></li>
                        <li><i class="iconfont icon-shafa"></i><span>家居</span></li>
                        <li><i class="iconfont icon-games"></i><span>游戏</span></li>
                        <li><i class="iconfont icon-huabei"></i><span>花呗</span></li>
                        <li><i class="iconfont icon-wuliu"></i><span>物流</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!--header部分结束-->
    <!--  banner开始-->
    <div class="banner">
        <span>——所有商品——</span>
    </div>
    <!--  banner结束-->
    <!--footer开始-->
        <div class="footer commodities" >
            <ul render-loop="list">
                <li>
                    <a data-href="/productDetails.html?id=" render-key="list.id" render-fun="getHref">
                        <img render-src="list.picture" alt="">
                        <p render-html="list.price"></p>
                    </a>
                </li>
               <!-- <li><img src="img1/2.jpg" alt=""><p>衣服</p></li>
                <li><img src="img1/3.jpg" alt=""><p>衣服</p></li>
                <li><img src="img1/4.jpg" alt=""><p>衣服</p></li>
                <li><img src="img1/5.jpg" alt=""><p>衣服</p></li>
                <li><img src="img1/6.jpg" alt=""><p>衣服</p></li>-->
            </ul>
        </div>
</div>
<!--footer结束-->
<script src="./css/mall/iconfont.js"></script>

<!--切换图标结束-->
<script src="/js/mall/script.js"></script>
</body>
</html>